<template>
  <div>
    <h1> hello world</h1>

    <div class="box">
      <div class="forgetPwd"> 新品上市</div>
      <div class="forgetPwd"> 新品上市</div>
    </div>
    <van-button type="default">默认按钮</van-button>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    <van-card num="2"
              price="2.00"
              desc="描述信息"
              title="商品标题"
              :thumb="imageURL" />

    <van-swipe :autoplay="3000">
      <van-swipe-item v-for="(image, index) in images"
                      :key="index">
        <img :src="image" />
      </van-swipe-item>
    </van-swipe>

  </div>
</template>

<script>
export default {
  name: 'app-list',
  data () {
    return {
      images: [
        'https://img.yzcdn.cn/1.jpg',
        'https://img.yzcdn.cn/2.jpg'
      ]
    }
  }
}

</script>

<style lang="less">
.box {
  display: flex;
  justify-content: space-around;
}

.forgetPwd {
  width: 127px;
  height: 40px;
  background-color: #ff5555;
  color: #fff;
  border-radius: 20px;
  font-size: 15px;
  text-align: center;
  line-height: 40px;
}

img {
  width: 100%;
}
</style>
